/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties
---------------------------------------- */
body { 
	background:#e6e6e8; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:100%; 
	line-height:1.25em;
	color:#4F4F4F;
}
html { min-width:1200px;}
html, body { height:100%;}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.alignright { text-align:right;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
.container1{ width:100%}
.wrapper { width:100%;	overflow:hidden;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}


.main {	margin:0 auto;	position: relative;	 width:950px; 	}

.col-1, .col-2, .col-3, .col-4{ float:left} 
.row .col-1{ width:200px; margin-right:15px}
.row .col-2{ width:200px;}
.row1 .col-1{ width:302px; margin-right:20px}
.row1 .col-2{ width:302px;}
.row2 .col-1{ width:190px; margin-right:30px}
.row2 .col-2{ width:190px;}

.bg-main{ background:url(../images/bg.gif) top left repeat-x #f8f8fa}


/*----- links -----*/
a {color:#d61e20; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }








/* Global Structure
---------------------------------------- */

/* Header */
header{	height:180px; overflow:hidden; background:url(../images/top.gif) top left repeat-x }
header .indent{ top:147px; right:0px; position:absolute; padding:0; width:63px; z-index:90}
header .inside{padding:0px 0px 0px 0px}

header h1 {position:absolute; left:0px; top:49px;}
header h1 a { text-decoration:none; font-size: 70px; display:block; width:257px; height:45px;}

header nav {	position:absolute;	left:0;	top:140px; width:950px;	z-index:20;		}

#sitemap_box{
  width:23px;
  height:20px;
  background: url(../images/sitemap.gif);
}
a #sitemap_box{
  background-position: 0px 0px;
}
a:hover #sitemap_box{
  background-position: 23px 0px;
}


/*main logo */
.z-index1{z-index: 1;}
.z-index2{z-index: 2;}
.terracotColor{color:#d61e20;}
.blackColor{color:#353535;}
#toolsAndMills{
  font-size: 70px; 
  color: #4F4F4F; 
  top: -120px; 
  position: relative; 
  left: 101px;
}

/* Products */
.products_head{
  padding: 20px 20px 40px 20px;
  margin-bottom: 45px;
  background-color: #EAEAEA;
  border:1px solid #4F4F4F; 
  color:#161819;
  overflow:hidden;
  
  
  border-radius:15px;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  box-shadow:4px 4px 7px #999;
  -moz-box-shadow:4px 4px 7px #999;
  -webkit-box-shadow:4px 4px 7px #999;
	
}
.products_head img{
  margin:0 40px 20px 0;
  float:left;
  /*display: inline-block;*/
  max-width:50%;
}
.product_box{
  min-height: 250px;
}

/* main slider */
.main_slider{position:relative; margin:0 auto;width:950px;height:449px;}

  /* Kwicks */
.kwicks-wrapper {
	width:950px;
	overflow:hidden;
}
	.kwicks-box {
		border:1px solid #323232;
		padding:12px;
		}
	
	.kwicks {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		height:448px;
		/*background:#000; */
		}
	.kwicks li{
		/* these are required, but the values are up to you (must be pixel) */
		width: 237.5px;
		height: 449px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		/*opacity:.5;
		filter: alpha(opacity=50);*/
		background:none !important;
		}
		/*
	.kwicks li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}
		*/
	.kwicks.horizontal li {
		/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
		margin-right: 0; /*Set to same as spacing option. */	
		float: left;
		}	
	
	.kwicks_vertical {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		width:950px;
		height:449px;
		background:#000;
		}
	.kwicks_vertical li{
		/* these are required, but the values are up to you (must be pixel) */
		height: 196px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		float:none;
		opacity:.5;
		filter: alpha(opacity=50);
		}
	.kwicks_vertical li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}

/*content*/
section{ font-size:0.75em; width:100%; text-align:left;}
section .inside{padding:50px 0px 65px 0px}
section .inside1{padding:0px 0px 65px 0px}
.img-left{ float:left; margin:0 20px 0px 0}
.img-left1{ float:left; margin:0 5px 0px 0}
.img-left2{ float:left; margin:0 40px 20px 0}
.img-indent{ margin:0 0 16px 0}
.tail{ background:url(../images/tail.gif) 0% 50% repeat-x; padding-bottom:2px; margin-bottom:40px}
.tail1{ background:url(../images/tail.gif) 0% 99% repeat-x; padding-bottom:45px; }
.tail2{ background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:18px; margin-bottom:21px}
.tail-menu-top{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:1px;margin-bottom:4px}
.tail-menu-bottom{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:35px;margin-top:4px}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.num{ background:url(../images/bg_num.gif) top left no-repeat; width:51px; line-height:51px; padding-bottom:21px; color:#fff; font-size:36px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; float:left; padding-right:18px}
.txt{ margin-bottom:5px; color:#d9310a; font-size:16px; font-weight:bold}
.txt1{ margin-bottom:5px; color:#d9310a; font-size:16px; font-weight:bold; float:left; width:28px}
.icon-1{ position:absolute; top:6px; left:16px}
.txt2{ color:#b3b3b4}
.txt2 strong{ color:#969697}

.pr{ position:relative}

/* indents */
.inside{padding:0px 0px 0px 0px }
.indent{padding:20px 0px 0px 0px}
.indent1{padding:40px 0px 0px 0px}

	
/*footer*/
footer { color:#353535; font-size:12px; background:url(../images/bot.gif) top repeat-x #e6e6e8; font-family:Georgia, "Times New Roman", Times, serif; position:relative}
footer .inside{ padding:33px 0px 50px 0px; position:relative }
footer a {color:#d61e20; text-decoration:underline}  
footer a:hover {  text-decoration:none}
.tel_footer{ position:absolute; right:56px; top:61px; font-size:20px; valign:center;}
.title{ margin-bottom:11px}

footer ul{margin:0; padding:0; list-style:none; }
footer ul li{ margin:0px; display:inline; background:url(../images/bg_li.gif) center left no-repeat; float:left; padding:2px 14px 2px 14px}
footer ul li a{color:#353535; text-decoration:none; display:block; float:left} 
footer ul li a:hover { text-decoration:none; color:#d61e20 }
footer ul .first{background:none; padding-left:0px}
footer ul li .current{ text-decoration:none; color:#d61e20  }

.contact-block span{ float:right; padding-right:120px}

/*  Header styles */
h1, h2, h3, h4, h5, h6 {margin:0 0 23px 0; line-height:1.2em; color:black;}
h1 {	font-size:45px; } 
h2 {	font-size:40px; } 
h3 {	font-size:36px; } 
h4 {	font-size:32px; } 
h5 {	font-size:28px; } 
h6 {	font-size:24px; color:black;}
.h6 {	font-size:24px; color:#fff; margin-left:39px; letter-spacing:-1px; margin-bottom:18px}


/* Paragraph styling */
p {margin-bottom:21px;}
.p { margin-bottom:0;}
.p1 { margin-bottom:21px;}
.p2 { margin-bottom:9px;}
.p3 { margin-bottom:27px;}

.pad{ float:left; margin-right:10px}
/* link */
.link{color:#d61e20; font-weight:bold; text-decoration:none; cursor:pointer}
.link:hover{ text-decoration:underline}
.link1{color:#d61e20;  text-decoration:none}
.link1:hover{ text-decoration:underline}

.button{
  color:#fff; 
  background:#d9310a; 
  padding:0px 14px 0px 14px; 
  line-height:28px; 
  display:inline-block; 
  text-decoration:none; 
  border-style: solid; 
  border-radius:5px; 
  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
  position:relative;  
}
.button:hover{text-decoration:none; background:#4F4F4F; }

.button-1{color:#fff; background:#141414; padding:0px 14px 0px 14px; line-height:28px; display:inline-block; text-decoration:none; border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative  }
.button-1:hover{text-decoration:none; background:#d9310a}
.button-2{
  color:#fff; 
  background:#4F4F4F; 
  padding:0px 14px 0px 14px; 
  line-height:28px; 
  display:inline-block; 
  text-decoration:none; 
  border-style: solid; 
  border-radius:5px; 
  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
  position:relative;  
}
.button-2:hover{text-decoration:none; background:#d9310a }



.link-1 { display:inline-block; float:right; line-height:28px; background:url(../images/marker2.png) no-repeat 100% 11px #27960c; padding:0 17px 0 13px; color:#fff; text-transform:uppercase; text-decoration:none; border-radius:5px;	-moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; position:relative; }
.link-1:hover {background:#000; text-decoration:none; color:#fff}

.button1 { display:inline-block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:44px; height:44px; background:url(../images/but.gif) top left repeat-x; padding:0 16px 0 16px; color:#dc0000; text-decoration:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; position:relative; text-transform:uppercase }
.button1:hover {	color:#fff;	text-decoration:none;}

.line-hor { background:#3a3c52; height:1px; overflow:hidden; font-size:0; line-height:0; margin:20px 0 20px 0;}

/*  Horizontal divider */
.hr {display:block; position:relative; padding:55px 0 35px 0; border:none; background:url(../images/tail1.gif) 0 center repeat-x; height:2px; overflow:hidden; font-size:11px; margin:0 10px 0 0; }
.hr a { position:absolute; right:5; top:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/arrow-top.png) no-repeat 0 6px; padding-left:13px; color:#6b6a6a; }
.hr a.more { position:absolute; right:0; top:25px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/arrow-top.png) no-repeat 0 6px; padding-left:13px; color:#6b6a6a; }
.hr a.more.down {background:url(../images/arrow-down.png) no-repeat 0 6px;}
.hr a:hover { color:#000;}

/* Horizontal tags */
.product_tags{background:url(../images/tag_red.png) 8% 0% no-repeat; padding-left:80px; text-align: left;}
.product_tags a{font-size: 100%; line-height:18px;}



/* Custom select color */
abbr[title], dfn[title] {color:#e34d29; border-bottom:1px dotted #ff0000; text-transform:uppercase; cursor:help;}
abbr, acronym  			{ border-bottom:1px dashed #e34d29;}
em, dfn  		  		{ font-style:italic;}
b						{ color:#353535}

big						{ font-size:22px}
del						{ color:#e34d29;  text-decoration: line-through;	}
ins						{ color:#fff; background-color:#e34d29; text-decoration:none;	}
dfn 	 		     	{ color:#e34d29; letter-spacing:1px; font-size:14px; font-style:normal; font-family:Arial, Helvetica, sans-serif}
q						{ color:#e34d29; font-size:14px; font-family:Arial, Helvetica, sans-serif}
sup	  					{ padding-bottom:10px; font-size:10px}
sub 		  			{ vertical-align:bottom; font-size:10px}
var						{ font-style:normal}

mark 					{ color:#e34d29; background-color:#ff9; font-style:italic; font-weight:bold;	}
address 		   		{ margin:0 0 1.5em;font-style:italic;}
pre, code, tt  			{ font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			    	{ color:#333; background-color:#f6f6f6; display:block; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333; text-shadow:none }
pre 			     	{ white-space:pre;}


/* Custom select color */
::selection {background: #bdbdbf; color:#000; /* Safari */}
::-moz-selection {background: #bdbdbf; /* Firefox */ color:#000;}

/* blockquote */
blockquote {margin:0 5px 10px 5px;	padding:0 10px 10px 95px; font-size:1.16em; line-height:1.2em; color:#6b6a6a; quotes:none; background:url(../images/quotes.png) no-repeat 0 0;}
blockquote.left {border-right:1px solid #ccc; width:35%; float:left; margin-right:20px; padding-right:20px; background:none; padding-left:0; margin-left:0}
blockquote.right {border-left:1px solid #ccc; width:35%; float:right; margin-left:20px; padding-left:60px; background-position:20px 0; background:none; padding-left:10px; margin-left:10px}


/* Unordered list style
---------------------------------------- */

/* List */
ul.list{margin:0; padding:0; list-style:none;}
ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list li a{color:#4F4F4F; text-decoration:none; line-height:18px} 
ul.list li a:hover { text-decoration: underline; }

/* List */
ul.list1{margin:0; padding:0; list-style:none;}
ul.list1 li{ padding-bottom:2px}
ul.list1 li a{color:#050404; text-decoration:none; display:block; background:url(../images/bg_list1.png) top left no-repeat; width:222px; line-height:43px; padding-left:45px; font-size:21px; font-style:italic} 
ul.list1 li a:hover { color:#fff; text-decoration:none; background:url(../images/bg_list1.png) bottom left no-repeat;}

/* List_1 */
ul.list_1{margin:0; padding:0; list-style:none;}
ul.list_1 li{background:url(../images/marker_1.gif) top left no-repeat; background-position:0 7px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list_1 li a{color:#4F4F4F; text-decoration:none; line-height:18px} 
ul.list_1 li a:hover { text-decoration: underline; }
ul.list_1 li ul { margin-left:10px}
ul.list_1 li ul li {background:url(../images/marker_1-sub.gif) no-repeat 0 5px;	padding:0 0 3px 13px; font-size:14px; position:relative; zoom:1; }

/* List_2 */
ul.list_2{margin:0; padding:0; list-style:none;}
ul.list_2 li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; padding-left:15px; overflow:hidden; padding-bottom:7px }
ul.list_2 li a{color:#4F4F4F; text-decoration:none; line-height:18px} 
ul.list_2 li a:hover { text-decoration: underline; }

/* Ordered list style */
ol {margin:0; padding:0; font-weight:bold}
ol li { margin-left:30px; list-style-position:outside; 	list-style-type:decimal; font-size:12px; color:#fff  }
ol li a{ font-size:12px; color:#4F4F4F;	text-decoration:none; line-height:28px; padding-left:36px; background:url(../images/bg_ol.gif) 2px 4px no-repeat; display:block; margin-left:-28px; font-weight:normal}
ol li a:hover{ text-decoration: underline}
ol li a strong{ color:#353535}


/* Definition list style */
dl { margin:15px 0}
dl dt {font-size:1.16em; color:#353535 !important;	margin-bottom:15px	}
dl dd { margin-bottom:1.5em;}
dl .dd {margin-left:30px}
dl.def-list { padding-bottom:5px;}
dl.def-list dt {font-size:13px; color:#fff; width:100%; overflow:hidden; margin-bottom:1em; position:relative; z-index:0; }
dl.def-list dd {margin-bottom:2em;}
	

/* News style*/
.news {	padding-bottom:18px;}
.news li {	position:relative;	padding:0 0 25px 70px;	color:#000;	height:1%;	}
.news li p.date {position:absolute;	left:0;	top:3px; background:#666; width:59px;	height:69px; font-size:25px; line-height:64px; color:#fff; text-align:center; font-weight:bold;}
.news li a.title {  display:block; color:#8e8d8b;  text-transform:uppercase;  font-size:11px;  margin-bottom:.5em;  }
	

/* Layouts navigation */
.layouts-nav {width:100%; overflow:hidden; padding-bottom:30px !important; list-style:none }
.layouts-nav li { float:left; margin-right:20px; background:none !important; padding:0 !important;}
.layouts-nav li a {float:left; background:#333 !important; padding:2px 10px; color:#fff; text-decoration:none; margin-right:10px; cursor:pointer; position:relative; }
.layouts-nav li a:hover {background:#e34d29 !important;}
	
/* Table styling */
table { width:100%; border:2px solid #e34d29}
table thead th {  text-align:left; background:#e34d29; border:1px solid #ff7655; text-transform:uppercase; color:#fff; padding:15px 20px; }
table tbody td {padding:10px 20px; background:#fafafa; border:1px solid #bfbfbf; }
table tr td:hover {	background-color:#bfbfbf; color:#e34d29}

/*  Dropcaps style */
.dropcap_1:first-letter {color:#e34d29; font-size:36px; width:55px; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; line-height:1em;  display:block; float:left; text-align:center; }
.dropcap_2 {color:#fff; font-size:41px; width:49px; line-height:49px; background:url(../images/dropcap.png) no-repeat 50% 0; text-align:center; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  display:block; float:left; margin-right:8px; }


/* Blocks and Boxes style
---------------------------------------- */
/*box*/
.box{ background:#78ae00; border:1px solid #6b9b00; position:relative; border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.box .indent-box{ padding:18px 20px 32px 18px; }

.box1{ background:#d2d2d2}
.box1 .indent-box{ padding:20px 18px 11px 20px; }

.box2{ background:url(../images/box2.gif); width:266px}
.box2 .box-top{ background:url(../images/box2_top.gif) top left no-repeat}
.box2 .box-bot{ background:url(../images/box2_bot.gif) bottom left no-repeat}
.box2 .indent-box{ padding:42px 10px 0px 31px; }
.box2 p{ padding-bottom:25px}


/* 404 page */
.box_404{background:url(../images/img_404.jpg) top left no-repeat; height:375px; color:#a3a3a4; font-family:Arial, Helvetica, sans-serif; position:relative}
.box_404 .indent-box{padding:21px 10px 0px 642px; width:290px}
.box_404 h2 { font-size:42px; line-height:1.2em; margin:0px 0 0px 0; letter-spacing:-2px; color:#353535 }
.box_404 .p1 { margin-bottom:30px}


/* filter */                           
/*#d9310a
#4F4F4F*/

.filter-box { 
  border:1px solid #4F4F4F; 
  color:#161819; 
  background:#EAEAEA;
  text-align:center; 
  padding: 20px 0px 20px 0px;
  margin-right: 5px;
  
  border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0px 0px 10px #999;
	-webkit-box-shadow:0px 10px 10px #999;
	  
  }
.filter-box-cat,.filter-box-brand { 
  border:1px solid #4F4F4F;
  border-left:none;
  border-right:none; 
  background:#D3D3D3;
  text-align:left; 
  padding: 5px 5px 5px 15px;
  cursor:pointer;
  }
.filter-box-cat:hover,.filter-box-brand:hover,.filter-box-selected{
  color:white;
  background:#d9310a;
}
.filter-box-ckbx{
  text-align:left;
  padding: 0px 5px 5px 15px;
}
.border-top-none{border-top:none;}
#filter_search_button,#filter_clear_button{
  margin-top:20px;
}
#filter-form .field{
  margin-top: 30px;
}
#filter-form .field #search_str{
  width: 90%;
}


/* Information box */
.info-box { border:1px solid #68a2cf; padding:19px 10px 24px 112px; color:#161819; margin-bottom:20px; background:#e1f2fc; position:relative; height:1%; }
.info-box p.icon { position:absolute; left:30px; top:10px; margin:0; }
  
/* Download box */
.download-box { border:1px solid #a3c159; padding:19px 10px 24px 112px; color:#161819; margin-bottom:20px; background:#eeffdd; position:relative; height:1%; }
.download-box p.icon { position:absolute; left:30px; top:10px; margin:0; }

/* Notification box */
.notification-box { border:1px solid #e6c555; padding:19px 10px 24px 112px; color:#161819; margin-bottom:20px; background:#fef7e0; position:relative; height:1%; }
.notification-box p.icon { position:absolute; left:30px; top:10px; margin:0; }
  
/* Error message box */
.error-box { border:1px solid #ff9999; padding:19px 10px 24px 112px; color:#161819; margin-bottom:20px; background:#ffeded; position:relative; height:1%; }
.error-box p.icon { position:absolute; left:30px; top:10px; margin:0; }


/* Lightbox image */
.lightbox-image {	position:relative;	overflow:hidden; display:block	}
.lightbox-image1 {	position:relative;	overflow:hidden; float:left	}
	.lightbox-image img {		position:relative;		z-index:2;		}
	.lightbox-image span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	.lightbox-image1 img {		position:relative;		z-index:2;		}
	.lightbox-image1 span {		display:block;		position:absolute;		left:0;		top:0;		width:100%;		height:100%;		background:url(../images/magnify.png) no-repeat 50% 50%;		z-index:1;		}
	
/* Easy Tooltip */
#easyTooltip{padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	color:#606060;
	font-size:11px;
	text-transform:none;
	z-index:900;
	position:relative
   
  border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	behavior:url(js/PIE.htc);
	
}
/* // Easy Tooltip */


/* Pages
---------------------------------------- */
/* Under Construction page =====*/
#constuction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	}
	#constuction-box .inside {
		padding:40px 40px 40px 40px;
		}
		#constuction-box .button {
			position:relative;
			}
		#constuction-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
			}
			#constuction-box h1 span { 
				text-transform:uppercase;
				color:#e34d29;
				display:block;
				margin-bottom:-15px;
			}
			
	/* Countdown */
	#countdown_dashboard {
		height: 110px;
		padding:30px 0 40px 0;
		width:650px;
		margin:0 auto;
		position:relative;
		}
	.dash {
		width: 110px;
		height: 114px;
		background: transparent url('../images/dash.png') 0 0 no-repeat;
		float: left;
		margin-left: 20px;
		position: relative;
		}
	
	.dash .digit {
		font-size:75px;
		line-height:85px;
		font-weight: bold;
		float: left;
		width: 55px;
		text-align: center;
		font-family:"Times New Roman", Times, serif;
		color: #555;
		position: relative;
	}
		.dash .digit .bottom {
			font-size:75px;
			line-height:85px;
		}
	
	.dash_title {
		position: absolute;
		display: block;
		bottom: 0px;
		left:0;
		font-size: 12px;
		color: #555;
		text-transform: uppercase;
		letter-spacing: 2px;
		width:110px;
	}
	
	.dev_comment {
		font-size: 14pt;
		color: #777;
		text-align: center;
		font-style: italic;
		margin: 40px 10px;
	}
	
	#subscribe_form {
		position: relative;
	} 
	
	#email_field {
		font-size: 16pt;
		padding: 6px 10px;
		width: 300px;
	}
	
	#subscribe_button {
		font-size: 14pt;
		color: #333;
		padding: 4px 8px;
	}
	
	.copyright {
		font-size: 9pt;
		color: #333;
		margin: 40px 0px;
	}
	
	.faded {
		color: #999;
	}
	
	.form_message {
		width: 400px;
		padding: 10px;
		margin: 15px auto;
		display: none;
	}
	
	#error_message {
		background-color: #ffe;
		border-left: 5px solid #bb3;
		border-right: 5px solid #bb3;
		color: #770;
	}
	
	#info_message {
		background-color: #f0f9ff;
		border: 1px solid #eef;
	}
	
	#loading {
		text-align: center;
		margin: 10px;
		display: none;
		position: absolute;
		width: 100%;
		top: 60px;
	}

/* Intro page */
#intro-box {
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	float:left;
	}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
		}
		#intro-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			text-align:center;
			width:600px;
			overflow:hidden;
			height:100px;
			color:#353535;
			}
			#intro-box h1 span { 
				text-transform:uppercase;
				color:#1fb7c4;
				display:block;
				margin-bottom:-15px;
			}
		#intro-box .button {
			position:absolute;
			right:30px;
			bottom:20px;
			float:right;
			white-space:nowrap;
			}
		.intro-buttons {
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
			}
		#flash-intro {
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}

/* Content
---------------------------------------- */		


/* Other */
figure { 
	margin:4px 26px 0 0;
	background:#e6e5e8;
	border:1px solid #000;
	float:left;
	}
	figure figcaption {
		color:#2d2d2d;
		font-size:22px;
		text-align:center;
		padding:11px 0 11px 0;
	}

figure.fright {
	float:right;
	margin:4px 0 0 26px;
	}

.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}
	

.extra-wrap { 
	overflow:hidden;
	}
	
	
/* Postal address */
.address { 
	float:left;
	margin-right:30px;
	}
.address.last {
	margin-right:0;
	}
	.address dt {
		font-weight:normal;
		color:#6b6a6a;
		}
	.address dd { 
		clear:both;
		margin:0 0 0 0 !important;
		}
		.address dd span { 
			float:left;
			width:90px;
			}
	




/* Forms
---------------------------------------- */
.rowElem1{ height:35px}
.input{
		width:170px;
		padding:4px 10px 4px 10px;
		background:#0d0c0e;
		vertical-align:middle;
		border:1px solid #2e3032;
		color:#fff;
	}

/* Forms default */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/* Newsletter form */
#newsletter-form fieldset {
	border:none;
	}
	#newsletter-form .field {
		overflow:hidden;
		margin-bottom:8px;
		}
	#newsletter-form input[type=text] {
		width:175px;
		padding:3px 0 3px 5px;
		background:#4d4d4d;
		border:none;
		color:#a7a7a7;
		border-right:1px solid #000;
		border-left:1px solid #000;
		margin-right:3px;
	}
	#newsletter-form input[type=submit] {
		width:30px;
		height:22px;
		background:#fff;
		border:1px solid #000;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		cursor:pointer;
		color:#2f2f2f;
		font-weight:bold;
		text-transform:uppercase;
		text-shadow:0 1px 0 #f1f1f1;
		}

.rowElem{ background:url(../images/bg_input.gif) top left no-repeat; height:28px}
.rowElem1{ background:url(../images/bg_input1.gif) top left no-repeat; height:28px}
/* Login form */
#login-form {
	position:absolute;
	right:0;
	top:64px;
}
#login-form fieldset {
	border:none;
	}
	#login-form input[type=text] {
		background:none;
		border:none;
		padding:6px 6px 6px 0px;
		width:153px;
		margin-right:8px;
		margin-left:31px;
		color:#000;
		font-size:12px;
		}
	#login-form input[type=submit] {
		background: url(../images/but.gif) top left no-repeat;
		border:none;
		width:72px; text-align:center; line-height:25px;
		height:28px;
		top:0;
		padding:0px 0 3px 0;
		margin:0;
		cursor:pointer;
		color:#fff;
		font-size:17px;
		font-family:"Times New Roman", Times, serif
		}
	#login-form input[type=submit]:hover {
		color:#000;
		}  
		/* Login form2 */

#login-form2 fieldset {
	border:none;
	}
	#login-form2 input[type=text] {
		background:none;
		border:none;
		padding:6px 6px 6px 0px;
		width:153px;
		margin-right:8px;
		margin-left:31px;
		color:#000;
		font-size:12px;
		}
	#login-form2 input[type=submit] {
		background: url(../images/but.gif) top left no-repeat;
		border:none;
		width:72px; text-align:center; line-height:25px;
		height:28px;
		top:0;
		padding:0px 0 3px 0;
		margin:0;
		cursor:pointer;
		color:#fff;
		font-size:17px;
		font-family:"Times New Roman", Times, serif
		}
	#login-form2 input[type=submit]:hover {
		color:#000;
		}
		
/* Login form1 */
#login-form1 fieldset {
	border:none;
	}
	#login-form1 input[type=text] {
		background:none;
		border:none;
		padding:6px 10px 6px 10px;
		width:185px;
		margin-right:8px;
		color:#000;
		font-size:12px;
		}
	#login-form1 input[type=submit] {
		background: url(../images/but1.gif) top left no-repeat;
		border:none;
		width:45px; text-align:center; line-height:25px;
		height:28px;
		top:0;
		padding:0px 0 3px 0;
		margin:0;
		cursor:pointer;
		color:#fff;
		font-size:17px;
		font-family:"Times New Roman", Times, serif
		}
	#login-form1 input[type=submit]:hover {
		color:#000;
		}


/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 7px 4px;
			}
			#contact-form .field1 {
			}
			#contact-form input[type=text] {
				width:292px;
				padding:9px 10px 9px 10px;
				background:#fff;
				border:1px solid #dbdbdd;
				display:block;
				color:#6b6a6a;
				font-family:Georgia, "Times New Roman", Times, serif
				}
			#contact-form.main-contacts .field input {
				margin-top:4px;
				}
			#contact-form textarea {
				width:520px;
				height:200px;
				background:#fff;
				border:1px solid #dbdbdd;
				padding:9px 10px 9px 10px;
				overflow:auto;
				margin:0 0 4px 4px;
				display:block;
				color:#6b6a6a;
				font-family:Georgia, "Times New Roman", Times, serif
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 2px 5px;
				display:inline-block;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					color:red;
					display:none
				}
		.buttons-wrapper {
			padding-top:30px;
			}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}




/* Tooltips */
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
	}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
	}



/* Elements list */
.elements-list li {
	background:none !important;
	padding:0 0 12px 0 !important;
	position:relative;
	}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
		}


/* Tabs */
.tabs {
	clear: left;
	float: left;
	padding: 15px 0 30px 0;
	}
	.tabs ol {
		list-style-type: decimal;
		margin: 0 0 0 20px;
		}
		.tabs ol li {
			display: list-item;
			float: none;
			padding-bottom:5px !important;
			font-size:12px;
			color:#6b6a6a;
			}
	
	.tabs ul.nav { width:100%;}
		
	.tabs ul {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
			}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
			}
		.tabs .selected a {
			background: #f0f0f0;
			color: #000;
			padding-bottom: 10px;
			}
		.tabs a:hover {
			background: #f0f0f0;
			color: #000;
			}

		.tabs a {
			background:#000;
			color: #fff;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width: auto;
		max-width:940px;
		overflow:auto;
		}
		.tabs .tab-content .inner {
			padding:10px;
			}
	
	.tabs p { margin-bottom: 5px; }
	.tabs .tab-content strong { color:#000;}
	
	.tabs pre {
		margin:4px 0;
	}
	.tabs code {
		overflow:auto;
	}
	*+html .tabs code { overflow:visible;}



/* PopUp */
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  top: 0;
}
   
#boxes .window {
  position:fixed;
  /*width:611px;
  height:471px;*/
  display:none;
  z-index:9999;
  /*padding:20px;*/
}
 
 
/* Customize your modal window here, you can add background image too */
#boxes #contact_dialog {
  width:611px; 
  /*height:471px;*/
  padding: 10px;
  background-color:#ffffff;
}

#contact_dialog_button{
  margin-top: 20px;
  left: 20%;
}

.contact_close{
  right: 2%;
  position: absolute;
  cursor: pointer;
}